<template>
  <div>
    <button @click="isShow = !isShow">点击翻转</button>
    <h1>{{ fn() }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: '心外无理，心外无物，心外无事',
      isShow: true,
    }
  },
  methods: {
    fn() {
      if (this.isShow) {
        return this.str
      }else{
        return (this.str.split('').reverse()).join('')
      }
    }
  }
}
</script>

<style></style>
